<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<link href="css/bootstrap.min.css?v=3.3.6"
	th:href="@{/css/bootstrap.min.css?v=3.3.6}" rel="stylesheet">
<link href="/css/font-awesome.css?v=4.4.0"
	th:href="@{/css/font-awesome.css?v=4.4.0}" rel="stylesheet">
	<style type="text/css">
		* {
			font-family: HP Simplified Light, "microsoft yahei";
		}
		::-moz-placeholder { color: #ccc; }
		::-webkit-input-placeholder { color:#ccc; }
		:-ms-input-placeholder { color:#ccc; }
		#popHeader{
			margin-bottom:10px;
			font-weight: 700;
			font-size:18px;
			color: #000;
			padding: 10px;
    		background: #f6f6f6;
		}
		#signForm{
			padding:0px 10px;
		}
		#signForm label{
			display:inline-block;
			width:108px;
			color: #737373;
			font-weight: 400;
			text-align: left;
			margin-top: 1px
		}
		.pwd{
			margin-top: 5px;
			display:flex;
			flex-direction: row;
			/*justify-content: center;*/
			align-items: center;
		}
		#signForm input{
			width: 270px;
    		margin-left: 10px;
		}
		.layui-layer-btn{
			padding-right: 20px;
		}
		.layui-layer-btn0 {
			background-color:#0096D6;
			color:#1E9FFF
		}
	</style>
</head>
<body>
	<div id="popHeader">
		<span>Set local password</span>
	</div>
	<div id="signForm">
			<div class="pwd">
				<label>Enter password:</label>
				<input type="password" id="password" required="required" placeholder="Please enter password.">
			</div>
			<div class="pwd">
				<label>Confirm password:</label>
				<input type="password" id="password2" required="required" placeholder="Enter the password again.">
			</div>
	</div>
	<!-- --------------------------------------------------------------->
	<script src="/js/jquery.min.js?v=2.1.4"></script>
	<script src="/js/ajax-util.js"></script>

	<script type="text/javascript" language="html">
		$().ready(function() {
			$("#password").focus();
		});
	</script>
</body>
</html>